<template>
  <view class="text-center mb-2">{{ dayjs(notice.createdTime, 'YYYY-MM-DD HH:mm', 'zh-cn') }}</view>
  <view class="bg-white rounded-md mb-4 p-4">
    <view class="flex mb-2">
      <view class="mr-2">
        <wd-img :height="32" :width="32" :src="notice.avatarUrl" round></wd-img>
      </view>
      <wd-text :text="notice.title"></wd-text>
    </view>
    <view>
      <wd-text :text="notice.content"></wd-text>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { NoticeVO } from '@/service/notice/notice'
import dayjs from 'dayjs'
const { notice } = defineProps<{ notice: NoticeVO }>()
</script>

<style lang="scss" scoped></style>
